<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>login</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="/css/login/login.css">
    <script src="/js/login/login_head.js" charset="UTF-8"></script>
</head>
<body>
<div class="login_logo" th:style="'background-image: url(\''+${Web}+'/logoRes/logo.png\');'"></div>
<div class="lay_background" th:style="'background-image: url(\''+${Web}+'/loginRes/login_bkg.png\');'"></div>
<div class="page">
    <div class="container">
        <form action="/Login" method="post">
            <h2>Login</h2>
            <div>
                <label for="email" class="label">邮箱</label>
                <input type="email" id="email" name="email" th:value="${email}" placeholder="Enter your account" required>
            </div>
            <div class="message">
                <div id="warming1" th:utext="${message1}">
                </div>
            </div>
            <div>
                <label for="password" class="label">密码</label>
                <input type="password" id="password" name="password" th:value="${password}" placeholder="Enter your password" required>
            </div>
            <div class="message">
                <div id="warming2" th:utext="${message2}">
                </div>
            </div>
            <div class="verifyContent">
                <div class="verifyInfo">
                    <button id="changeCode" type="button">
                        <img id="imagine" src="/verifyCode" alt="#"/>
                    </button>
                    <input type="text" id="verifyCode" name="verifyCode" placeholder="verify code">
                </div>
            </div>
            <div class="message">
                <div id="warming3" th:utext="${message3}">
<!--                    ${requestScope.message3}-->
                </div>
            </div>
            <div class="function">
                <a class="find" href="#" target="_self">找回密码</a>
                <div>
                    <input type="checkbox" id="remember" name="remember" th:checked="${remember}" >
                    <label for="remember" class="rem_label" style="color: #ff9218">记住密码</label>
                </div>
                <a class="register" href="/Register" target="_self">注册</a>
            </div>
            <button class="login" type="submit">登录</button>
        </form>
    </div>
</div>
<script src="/js/login/login_bottom.js" charset="UTF-8"></script>
</body>
</html>
